﻿body, section, table, tr, td, th, thead, tbody, p {
    margin: 0;
    padding: 0;
}

section {
    margin: 30px;
}

table {
    border-collapse: collapse;
    width: 45%;
}

th, td {
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    font-family: Helvetica, sans-serif;
}

th {
    border: 1px solid #3a8e0a;
    color: #e9f5dd;
    font-weight:600;
    font-size: 16px;
}

td {
    border: 1px solid #c5c3ab;
}

#flag_germany {
    background-image: url("images/german_flag.gif");
    background-repeat: no-repeat;
    background-position: 8px center;
}

.middle {
    padding-left: 32px;;
}

.flag_mexico {
    background-image: url("images/mexican_flag.gif");
    background-repeat: no-repeat;
    background-position: 8px center;
}

#flag_uk {
    background-image: url("images/uk_flag.gif");
    background-repeat: no-repeat;
    background-position: 8px center;
}

thead {
    background-color: #56b906;
}

tbody tr:nth-child(2n+1) {
    background-color: #fffff1;
}

tbody tr:nth-child(2n) {
    background-color: #ececd8;
}

input[type="checkbox"]:disabled {
  color: #727474;
  background-color: #d4d0c8;
  /* Works in Opera only! */
}


